<template>
    <div class="common-layout" style="width: 1000px;height: 1000px;">
        <el-container>
            <el-header
                style="background-color:#545c64;width:200%;color: white;font-size: 30px;text-align: center;">Rabbit溯源</el-header>
            <el-container>
                <el-aside style="background-color: #545c64; height: 1000px;width: 200px;color: white;">
                    <el-col :span="12">
                        <h5 class="mb-2">溯源管理</h5>
                        <el-menu style="width: 200px;" active-text-color="#ffd04b" background-color="#545c64"
                            class="el-menu-vertical-demo" default-active="2" text-color="#fff">
                            <el-sub-menu index="1">
                                <template #title>
                                    <el-icon>
                                        <location />
                                    </el-icon>
                                    <span>溯源管理</span>
                                </template>
                                <el-menu-item-group title="溯源管理">
                                    <el-menu-item index="1-1" @click="tiao1()">溯源管理-新增/修改</el-menu-item>
                                    <el-menu-item index="1-2" @click="tiao2()">溯源管理-导出设置</el-menu-item>
                                </el-menu-item-group>
                                <el-menu-item-group title="溯源管理-养殖管理">
                                    <el-menu-item index="1-3" @click="tiao3()">溯源管理-养殖信息</el-menu-item>
                                    <el-menu-item index="1-4" @click="tiao4()">溯源管理-养殖企业信息</el-menu-item>
                                </el-menu-item-group>
                                <el-menu-item-group title="溯源管理-屠宰管理">
                                    <el-menu-item index="1-5" @click="tiao5()">溯源管理-屠宰信息</el-menu-item>
                                    <el-menu-item index="1-6" @click="tiao6()">溯源管理-屠宰企业信息</el-menu-item>
                                </el-menu-item-group>
                                <el-menu-item-group title="溯源管理-深加工管理">
                                    <el-menu-item index="1-7" @click="tiao7()">溯源管理-深加工信息</el-menu-item>
                                    <el-menu-item index="1-8" @click="tiao8()">溯源管理-深加工企业信息</el-menu-item>
                                </el-menu-item-group>
                            </el-sub-menu>
                        </el-menu>
                    </el-col>
                </el-aside>
                <el-main><router-view></router-view></el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script setup lang="ts">
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const tiao1 = () => {
    router.push('/Goodinfo')
}
const tiao2 = () => {
    router.push('/daochu')
}
const tiao3 = () => {
    router.push('/yangzhi')
}
const tiao4 = () => {
    router.push('/yangzhiqiye')
}
const tiao5 = () => {
    router.push('/tuzhong')
}
const tiao6 = () => {
    router.push('/tuzhongqiye')
}
const tiao7 = () => {
    router.push('/shenjiagong')
}
const tiao8 = () => {
    router.push('/shenjiagongqiye')
}
</script>
